<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" id="mmadness">
<head>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" /> 
	<meta http-equiv="Content-language" content="en" /> 
	<meta name="description" content="Medical Madness is a game that gives players a chance to experience virtually the stress that goes on in managing and owning a hospital." /> 
	<title>Medical Madness</title>
	<link href="css/main.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
	form
	{
		width:300px;
	}
	label
	{
		float:left;
		width:10em;
		font-weight:bold;
	}
	</style>
    <script type="text/javascript">
	function validateForm()
	{
		var username = document.forms["form"]["username"].value;
		var password = document.forms["form"]["password"].value;
		
		if (username=="" || password=="")
		{
			alert("You must fill out all form fields.");
			return false;
		} else {
			return true;
		}
	}
	</script>
</head>
<body><table cellspacing="10" class="container">
<tr height="27%">
	<td width="20%"><img src="img/logo.png" /></td>
	<td align="center" valign="bottom" class="menubar">
    <?php include 'include/menu.php'; ?>
	</td>
</tr>
<tr class="gamearea">
	<td colspan="2" class="gamearea" align="center" valign="top">
    <fieldset><form name="form" action="auth.php" method="POST" onsubmit="return validateForm()">
    	<label for="username">Username: </label>
        <input name="username" type="text" size="16" maxlength="32" /><br />
        <label for="password">Password: </label>
        <input name="password" type="password" size="16" maxlength="32" /><br />
        <input type="submit" value="Login" /><br /><br />
    </form></fieldset>
    </td>
</tr>
</table></body>
</html>
	